<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>基于anime.js的动感圆形轮播图特效</title>

    <link rel="stylesheet" type="text/css" href="__STATICS__index0data/0Ex5.css" />
    <link rel="stylesheet" type="text/css" href="__STATICS__index0data/0Ex7.css">

    <link rel="stylesheet" type="text/css" href="__STATICS__index0data/0Ex9.css" />
</head>
<body>
<section class="page-wrapper" id="coidea">
    <div class="slider">
        <ul class="slider-list">
            <li class="slider-list__item slider-list__item_active">
<span class="back__element">
<img src="__STATICS__index0data/0Ex11.png" />
</span>
                <span class="main__element">
<img src="__STATICS__index0data/0Ex12.png" />
</span>
                <span class="front__element">
<img src="__STATICS__index0data/0Ex13.png" />
</span>
                <span class="title__element">
<span class="title">apple</span>
</span>
                <span class="more__element">
<span class="content">
<span class="headline">嗨</span>
<span class="excerpt">欢迎使用 CY cms</span>
<span class="link">
<div class="fill"></div>
<a href="#">Open catalog</a>
</span>
</span>
</span>
            </li>
            <li class="slider-list__item">
<span class="back__element">
<img src="__STATICS__index0data/0Ex14.png" />
</span>
                <span class="main__element">
<img src="__STATICS__index0data/0Ex15.png" />
</span>
                <span class="front__element">
<img src="__STATICS__index0data/0Ex16.png" />
</span>
                <span class="title__element">
<span class="title">grapes</span>
</span>
                <span class="more__element">
<span class="content">
<span class="headline">干净简洁</span>
<span class="excerpt">方便二次开发</span>
<span class="link">
<div class="fill fill-dark"></div>
<a href="#">Open catalog</a>
</span>
</span>
</span>
            </li>
            <li class="slider-list__item">
<span class="back__element">
<img src="__STATICS__index0data/0Ex17.png" />
</span>
                <span class="main__element">
<img src="__STATICS__index0data/0Ex18.png" />
</span>
                <span class="front__element">
<img src="__STATICS__index0data/0Ex19.png" />
</span>
                <span class="title__element">
<span class="title">strawberry</span>
</span>
                <span class="more__element">
<span class="content">
<span class="headline">意思是</span>
<span class="excerpt">此后台只有权限控制，还有模块内容，其他都要自己再次开发。不用客气</span>
<span class="link">
<div class="fill"></div>
<a href="#">Open catalog</a>
</span>
</span>
</span>
            </li>
        </ul>
        <div class="slider__nav-bar">
            <a class="nav-control"></a>
            <a class="nav-control"></a>
            <a class="nav-control"></a>
        </div>
        <div class="slider__controls">
            <a class="slider__arrow slider__arrow_prev"></a>
            <a class="slider__arrow slider__arrow_next"></a>
        </div>
    </div>
</section>
<script src="__STATICS__index0data/0Ex1.js" type="text/javascript"></script>
<script src="__STATICS__index0data/0Ex3.js"></script>
</body>
</html>